// 控制导航下拉
$(function(){
	$("#side").hover(function(){
		$(this).children("div").show();
		
	},function(){
		$(this).children("div").hide();
	})
})

$(function(){
	$(".slide_box ul a").hover(function(){
		$(this).css("borderLeft","5px solid #ccc");
	},function(){
		$(this).css("borderLeft","5px solid #aaa");
	})
})

$(function(){
	$(".right_link li:eq(2)").hover(function(){
		$(".qg").slideDown(300);
	},function(){
		$(".qg").hide();
	})
})


// 控制大banner部分
$(document).ready(function() {
			var interval = 4000;	//自动轮播间隔
			var s = 500;			//淡出淡入时间
			var nowimg = 0;
			var $imageslistLis = $(".pic1 li");
			// var $circles = $(".num span");
			var liAmount = $imageslistLis.length;

			//右按钮
			$(".rightBtn").click(rightButFunc);
			//右按钮的业务函数：
			function rightButFunc() {
				if(!$imageslistLis.is(":animated")){
					//老的信号量元素淡出
					$imageslistLis.eq(nowimg).fadeOut(s);
					//信号量
					nowimg++;
					if (nowimg > liAmount - 1) {
						nowimg = 0;
					}
					//新的信号量元素淡出
					$imageslistLis.eq(nowimg).fadeIn(s);
			
				}
			}

			//左按钮
			$(".leftBtn").click(function() {
				if(!$imageslistLis.is(":animated")){
					//老的信号量元素淡出
					$imageslistLis.eq(nowimg).fadeOut(s);
					//信号量
					nowimg--;
					if (nowimg < 0) {
						nowimg = liAmount - 1;
					}
					//新的信号量元素淡出
					$imageslistLis.eq(nowimg).fadeIn(s);
				}
			});
			//定时器
			var timer = setInterval(rightButFunc,interval);
			
			$(".carousel").mouseenter(function(){
				clearInterval(timer);
			});

			$(".carousel").mouseleave(function(){
				clearInterval(timer);
				timer = setInterval(rightButFunc,interval);
			});
		});



// 控制展示banner区域

$(function() {
    /*因为我们的图片和下面的有序列表个数不一样，所有要定义两个变量*/
    var $key=0;/*控制播放下一张*/
    /*右侧按钮*/
    $(".right").click(function(event) {
        /*调用定时器函数*/
        autoplay();
    });

    /*左侧就是右侧复制来的然后把++改成--*/
    $(".left").click(function(event) {
         $key--;/*因为我们已经处于第一张，我们要播放下一张。所以先++*/
       /*if判断*/
       if($key<0){/*因为我们是6张图所以$key>5*/
        /*alert("走完了");*/

            $key=4;/*因为我们需要看第二张图，所以$key=1*/
            $(".show ul").css("left","-3895px");/*直接加css不用动画，回到原点*/
       }
       $(".show ul").stop().animate({"left":-$key*779}, 500);

    });

    /*定时器就是右侧按钮*/
    var timer=setInterval(autoplay, 2000);
    function autoplay(){
         $key++;/*因为我们已经处于第一张，我们要播放下一张。所以先++*/
       /*if判断*/
       if($key>4){/*因为我们是6张图所以$key>5*/
        /*alert("走完了");*/

            $key=0;/*因为我们需要看第二张图，所以$key=1*/
            $(".show ul").css("left",0);/*直接加css不用动画，回到原点*/
       }
       $(".show ul").stop().animate({"left":-$key*779}, 500);
    }

    /*点击效果*/
    $(".box ol li").click(function(event) {
        /*一定要先获取最新的索引值*/
        $key=$(this).index();
        // $circle=$(this).index();
        $(".show ul").stop().animate({"left":-$key*779}, 500);
    });

    /*开启和清除定时器*/
    $(".show").hover(function() {
        clearInterval(timer);
    }, function() {
        clearInterval(timer);
        timer=setInterval(autoplay, 2000);

    });
});




// 控制侧边选项卡
$(function(){
	var col = 0;
	$sublis = $(".submain ul").children("li:lt(6)");
	$show_item = $("#show_item ul");

	// alert($sublis.length);
	$icon = $("<i class='icon'>><i>");
	$sublis.append($icon); //插入icon到所有的li下面
	$atticons = $("i[class=icon]");
	// alert($atticons.length);
	$atticons.eq(0).css({"display":"block"}); //页面刷新就选中第一个ul
	
	$($atticons).css({"left":"178px"}); //定位icon
	$sublis.hover(function(){
		// 鼠标滑过 划出 根据索引展示icon
		$this = $sublis.index(this);
		// alert($sublis.index(this));
			if($atticons.index($this) !== 0){
				$atticons.eq(0).css({"display":"none"});
			}
			
			$atticons.eq($this).css({"display":"block"});
				
			$("#show_item ul").eq($this).addClass("first").siblings().removeClass("first");

        },function(){
        	$atticons.eq($this).css({"display":"none"});
        	$("#show_item ul").eq($this).show();
        
        });
});
  

// 控制体验店
$(document).ready(function(){
	var allLong = 0;
	var timer = null;
	$(".item_show ul").children("li").clone().appendTo($(".item_show ul"));
	function show_me(){
		allLong--;
		allLong<=-1898 ? allLong = 0: allLong;
  		$(".item_show ul").css("left",allLong);

	}
	timer= setInterval(show_me,10);
	$(".item_show ul").hover(function(){
		clearInterval(timer);
	},function(){
		clearInterval(timer);
		timer= setInterval(show_me,10);
	})
});
 

// 控制获奖轮播
$(document).ready(function(){
	var i= 0;
	$(".vis ul").children().clone().appendTo($(".vis ul"))
	$(".fl_btn").click(function(){
		i--;
		if(i<0){
			i=2;
			$(".vis ul").css("left",-1580)
		}
		$(".vis ul").stop().animate({"left": i*-790},1000);
	});
	$(".fr_btn").click(function(){
		i++;
		if(i>2){
			i=0;
			$(".vis ul").css("left",0)
		}
		$(".vis ul").stop().animate({"left": i*-790},1000);
	});

});
  
  // 微信
$(function(){
	$(".link .wx").hover(function(){
		$(".link .wx div").show(500);

	},function(){
		$(".link .wx div").hide(500);

	});
})

// 挂件部分
// 电话
$(function(){
	$(".shop1_clos").click(function(){
		$(".shop1").hide();
	})
	$(".shop2").click(function(){
		$(".shop1").show();
	})
})

// 留言
$(function(){
	$(".message em").click(function(){
		if($(".info").css("display")=="block"){
			$(".message").css({"height":39,"top":875});
			$(this).css({"height":13,"top":11});
			$(".info").css("display","none");

		}else{
			$(".message").css({"height":39,"top":592});
			$(this).css({"height":0,"top":17});
			$(".info").css({"display":"block","background": "#EDEDED"});
		};
		
	});
	$(".ask_me a").click(function(){
		$(".ask_win").show(200);
	});
	$(".ask_win span").click(function(){
		$(".ask_win").hide(200);

	});
	
});
// 联系我们
$(function(){
	$(".ser i").click(function(){
		// $(".ser").animate({"top":690},1500,"tantiao");   //这种方法也可以 
	if(!($(".ser").is(":animated"))){ //原理
		$(".ser").animate({"top":"690px",},500).animate({"top":"400px",},400)
		.animate({"top":"690px",},300).animate({"top":"500px",},200)
		.animate({"top":"690px",},200).animate({"top":"560px",},200)
		.animate({"top":"690px",},200).animate({"top":"620px",},200)
		.animate({"top":"690px",},180).animate({"top":"640px",},180)
		.animate({"top":"690px",},160).animate({"top":"660px",},160)
		.animate({"top":"690px",},180).animate({"top":"680px",},160)
		.animate({"top":"690px",},180).hide(300);
};
  
	});

});

// 滚到房顶
$(function(){
	$(".slidedown .return").click(function(){
		$("html,body").animate({"scrollTop":0},600);
	});

	 var TOP = 0;
            // 滚动效果
            $(window).scroll(function () {
                TOP = $(document).scrollTop();
                slideTop = $(".slidedown").offset().top;
                if(TOP >= slideTop){
                	$(".slidedown").fadeIn();
                } 
                else if(TOP > 0){
                    $(".slidedown").fadeIn();
                }
                else{
                     $(".slidedown").fadeOut();
                }
            });

})
